<template>
    <div class="wrapper">
        <order-header></order-header>
        <order-content
        :price="price"
        :title="title"
        ></order-content>
    </div>
</template>

<script>
import Bus from '../../assets/styles/eventBus.js'
import OrderHeader from './components/header'
import OrderContent from './components/content'
export default {
    name: 'Order',
    components: {
        OrderHeader,
        OrderContent
    },
    data () {
        return {
            price: '',
            title: ''
        }
    },
    mounted () {
        Bus.$on('on', (price, title) => {
            this.price = price
            this.title = title
        })
    }
}
</script>

<style lang="stylus" scoped>
    .wrapper
        width 100%
        height 0

</style>
